<template>
  <div class="image-container">
    <img :src="testImage" alt="大屏地图" />
    <div class="flight-paths"></div>
  </div>
</template>

<script setup lang="ts">
import testImage from "./img/test-image.png";

defineOptions({
  name: "Image",
});
</script>

<style scoped>
.image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #112136;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flight-paths {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 可以在这里添加飞行路径的样式 */
}
</style>
